<template>
  <div class="about">
    <mu-appbar :z-depth="0" style="width: 100%;top:0" color="white" text-color="primary">
      <mu-button icon slot="left">
        <header-back></header-back>
      </mu-button>
      关于平台
    </mu-appbar>
    <div class="loadmore-wrap">
      <mu-container>
        <mu-expansion-panel class="panel" :z-depth="0" :expand="panel === 'panel1'" @change="toggle('panel1')">
          <div slot="header">平台说明</div>
          <h3>法汇数据</h3>
          <p>
            杭州法汇数据科技有限公司，简称“法汇数据”，是专注于社会化纠纷化解技术方案提供和法律咨询的司法科技服务商。目前，“法汇数据”是工商银行融e联“破产清算管理平台”指定运营商和中钞区块链技术研究院络谱平台合作方，也是小股东权益集合类投票征集托管系统的开发方和运营商。</p>
          <h3>小股东权益集合类投票征集托管系统</h3>
          <p>功能：维权申报，表决会议，会议直播，权益表决，权益资管托管，表决内容及投票表决上区块链。</p><br>
          <h3>区块链与身份认证、数字文件认证和投票表决认证</h3>
          <p>本系统依托于中钞区块链技术研究院络谱平台进行有效的各项认证。</p>
          <h3>络谱区块链登记开放平台</h3>
          <p>络谱区块链登记开放平台是中钞区块链技术研究院基于在区块链领域的多年技术研究成果与合作伙伴们共同推出的区块链登记开放平台。这也是国内首个基于区块链技术，打造数字世界新型协作生态环境。</p>
        </mu-expansion-panel>
        <mu-expansion-panel class="panel" :z-depth="0" :expand="panel === 'panel2'" @change="toggle('panel2')">
          <div slot="header">使用流程说明</div>
          <p>1：案件列表找对对应案件，进入申报，填写信息。</p>
          <p>2：等待维权律师审核申报的债权，并通过平台发布是否启动维权程序公告。</p>
          <p>3：债权人可通过会议权益表决决定是否协商、调解，或要求判决、执行和解等事项。</p>
        </mu-expansion-panel>
        <mu-expansion-panel class="panel" :z-depth="0" :expand="panel === 'panel3'" @change="toggle('panel3')">
          <div slot="header">技术供应商</div>
          <h4>杭州法汇数据科技有限公司</h4>
          <p>联系电话：15867419191 </p>
          <p>座机：0571--89180115</p>
          <p>地址：浙江省杭州市余杭区仓前街道文一西路1380号4楼406室</p>
        </mu-expansion-panel>
      </mu-container>
    </div>
  </div>
</template>
<script>
  import headerBack from '@/components/headerBack';

  export default {
    name: 'about',
    data() {
      return {
        panel: 'panel1'
      }
    },
    components: {
      headerBack
    },
    methods: {
      toggle(panel) {
        this.panel = panel === this.panel ? '' : panel;
      }
    },
    mounted: function () {

    }
  }
</script>

<style scoped lang="less">

  .about {
    position: fixed;
    top: 0;
    width: 100%;
    /*overflow: auto;*/
    height: 100%;
    z-index: 999;
    background-color: #f9f9f9;
  }

  .loadmore-wrap {
    width: 100%;
    height: 90%;
    overflow: scroll;
  }

  .panel {
    margin-top: 2rem;
  }
</style>
